<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>简介</title>

</head>
<body>
<div id="canvas-holder" style="width:40%">
  <canvas id="chart-area1"></canvas>
  <canvas id="chart-area2"></canvas>
  <canvas id="chart-area3"></canvas>
</div>
</body>
<script type="text/javascript" src="Chart.min.js"></script>
<script type="text/javascript" src="util.js"></script>
<script>
  var randomScalingFactor = function() {
			return Math.round(Math.random() * 100);
		};

		var config = {
			type: 'pie',
			data: {
				datasets: [{

					data: [
						randomScalingFactor(),
						randomScalingFactor()
					],
					backgroundColor: [
						window.chartColors.grey,
						window.chartColors.blue
					],
					label: '注册人数'
				}
				],
				labels: [
					'修车师父',
					'附近美丽'
				]
			},
      options: {
				responsive: true,
				legend: {
					position: 'top',
				},
				title: {
					display: true,
					text: 'Chart.js Doughnut Chart'
				},
				animation: {
					animateScale: true,
					animateRotate: true
				}
			}


		};

		window.onload = function() {
			var ctx = document.getElementById('chart-area1').getContext('2d');
				var ctx2 = document.getElementById('chart-area2').getContext('2d');
				var ctx3 = document.getElementById('chart-area3').getContext('2d');
			window.myPie = new Chart(ctx, config);
			new Chart(ctx2, config);
			new Chart(ctx3, config);
		};

</script>

</html>